<template>
  <div class="rule-bg">
    <img src="../../../static/images/exchange/rule-bg.png" alt="">
    <div class="content">
      <div style="font-size:40rpx;">兑换规则</div>
      <div>1、成功兑换你想要的商品后，积分会自动抵扣；</div>
      <div>2、成功兑换的奖品将统一于次月月底安排发放；</div>
      <div>3、提交兑换后请务必填写收货地址，若在奖品发放前还未填写，即视为放弃兑换，扣除的积分不予返还；</div>
      <div>4、兑换的商品无质量问题，不退不换。</div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.rule-bg {
  background: #a71720;
}

img {
  width: 100vw;
  height: 100vh;
  vertical-align: middle;
  position: relative;
}

.content {
  position: absolute;
  top: 0;
  left: 0;
  width: 91%;
  padding: 40rpx;
  color: #fff;
  font-size: 30rpx;
  line-height: 1.5;
}
</style>
